
.body-main__tabs-filter {
  position: relative;
  &.body-main__tabs-filter--single {
    margin-bottom: 16px;
  }
  /* 操作按钮位置 */
  .filter-fixed-buttons {
    bottom: 8px;
  }
}
.body-main__filter {
  --el-date-editor-width: 128px;
  position: relative;
  padding: 20px 20px 12px;
  width: 100%;
  min-height: 64px;
  display: flex;
  flex-wrap: wrap;
  .filter-expand-button {
    font-size: 14px;
    font-weight: 400;
    color: #435970;
    width: 64px;
    .filter-expand-button__icon {
      margin-right: 4px;
      transition: transform 0.3s;
      &.filter-expand-button__icon--expanded {
        transform: rotate(-180deg);
      }
    }
  }
  .filter-fixed-buttons-placeholder {
    display: inline-block;
    width: calc(96px - 8px);
    height: 32px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #7A8A99;
    line-height: 32px;
  }
}
.header-input {
  width: 192px;
} 
.header-select {
  width: 128px;
  :deep(.g-icon) {
    font-size: 14px;
  }
} 
.header-radio {
  height: 32px;
  border-radius: 3px;
  // border: 1px solid #F3F7FB;
  background: #F3F7FB;
  padding: 3px;
  :deep(.is-active .el-radio-button__inner) {
    background: #FFFFFF;
    border-radius: 3px;
    font-weight: 400;
    color: #0A1F33;
    &:before {
      content: '';
      width: 0;
    }
  }
  :deep(.el-radio-button__inner) {
    height: 26px;
    line-height: 22px;
    padding: 2px 12px ;
    font-size: 14px;
    color: #7A8A99;
    border: none;
    position: relative;
    background: transparent;
    box-shadow: none;
    &:before {
       content: '';
       position: absolute;
       left: -1px;
       top: 7px;
       width: 1px;
        height: 12px;
        background: #E1E6EB;
    }
  }
  :deep(.is-active + .el-radio-button, .el-radio-button:first-child){
     .el-radio-button__inner:before {
      content: '';
      width: 0;
    }
  }

}
:deep(.el-date-editor.el-input, .el-date-editor.el-input__wrapper ) {
  width: 128px;
}
